<template>
   <div id="ch">
     <h2>{{msg}}</h2>
     <div id="chContent">
        <ch-a></ch-a>
        <ch-b></ch-b>
     </div>
   </div>
</template>
<script>
  import chA from './childrenComponent/childrenA.vue'
  import chB from './childrenComponent/childrenB.vue'

  export default{
      data(){
          return {
              msg:"我是组件children"
          }
      },
      components:{
          chA,
          chB
      }
  }
</script>
<style lang="scss">
  #chContent div{
      float: left;
  }
</style>
